<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>"蓝桥杯"全国软件和信息技术专业人才大赛参赛指南</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary: #059669;
            --primary-dark: #047857;
            --text: #1f2937;
            --text-light: #6b7280;
            --bg: #ffffff;
            --border: #e5e7eb;
            --accent: #f3f4f6;
            --success: #10b981;
            --warning: #f59e0b;
            --danger: #ef4444;
            --blue: #3b82f6;
            --purple: #8b5cf6;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
            line-height: 1.6;
            color: var(--text);
            background: var(--bg);
        }
        
        .container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 20px;
        }
        
        .header {
            text-align: center;
            margin-bottom: 40px;
            padding: 40px 0;
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            color: white;
            border-radius: 12px;
        }
        
        .header h1 {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 16px;
        }
        
        .header .subtitle {
            font-size: 1.2rem;
            opacity: 0.9;
        }
        
        .back-btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 24px;
            background: var(--accent);
            color: var(--text);
            text-decoration: none;
            border-radius: 8px;
            font-weight: 500;
            margin-bottom: 30px;
            transition: all 0.2s;
        }
        
        .back-btn:hover {
            background: var(--border);
            transform: translateY(-1px);
        }
        
        .section {
            margin-bottom: 40px;
            background: white;
            border-radius: 12px;
            padding: 30px;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            border: 1px solid var(--border);
        }
        
        .section h2 {
            color: var(--primary);
            font-size: 1.8rem;
            font-weight: 600;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 3px solid var(--primary);
        }
        
        .section h3 {
            color: var(--text);
            font-size: 1.4rem;
            font-weight: 600;
            margin: 24px 0 16px 0;
        }
        
        .section h4 {
            color: var(--text);
            font-size: 1.2rem;
            font-weight: 600;
            margin: 20px 0 12px 0;
        }
        
        .timeline {
            position: relative;
            padding-left: 30px;
        }
        
        .timeline::before {
            content: '';
            position: absolute;
            left: 15px;
            top: 0;
            bottom: 0;
            width: 2px;
            background: var(--primary);
        }
        
        .timeline-item {
            position: relative;
            margin-bottom: 30px;
            padding: 20px;
            background: var(--accent);
            border-radius: 8px;
            border-left: 4px solid var(--primary);
        }
        
        .timeline-item::before {
            content: '';
            position: absolute;
            left: -23px;
            top: 25px;
            width: 12px;
            height: 12px;
            background: var(--primary);
            border-radius: 50%;
            border: 3px solid white;
        }
        
        .timeline-date {
            font-weight: 600;
            color: var(--primary);
            margin-bottom: 8px;
        }
        
        .timeline-title {
            font-weight: 600;
            margin-bottom: 8px;
        }
        
        .track-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            margin: 20px 0;
        }
        
        .track-card {
            padding: 20px;
            background: var(--accent);
            border-radius: 8px;
            border-left: 4px solid var(--primary);
        }
        
        .track-card h4 {
            color: var(--primary);
            margin-bottom: 12px;
        }
        
        .track-card.blue { border-left-color: var(--blue); }
        .track-card.blue h4 { color: var(--blue); }
        
        .track-card.purple { border-left-color: var(--purple); }
        .track-card.purple h4 { color: var(--purple); }
        
        .track-card.warning { border-left-color: var(--warning); }
        .track-card.warning h4 { color: var(--warning); }
        
        .highlight-box {
            background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
            border: 1px solid #f59e0b;
            border-radius: 8px;
            padding: 20px;
            margin: 20px 0;
        }
        
        .highlight-box h4 {
            color: #92400e;
            margin-bottom: 12px;
        }
        
        .requirements-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            margin: 20px 0;
        }
        
        .requirement-card {
            padding: 20px;
            background: var(--accent);
            border-radius: 8px;
            border-left: 4px solid var(--primary);
        }
        
        .requirement-card h4 {
            color: var(--primary);
            margin-bottom: 12px;
        }
        
        .prep-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 16px;
            margin: 20px 0;
        }
        
        .prep-card {
            padding: 16px;
            background: #f0f9ff;
            border: 1px solid #0ea5e9;
            border-radius: 8px;
        }
        
        .prep-card h4 {
            color: #0369a1;
            margin-bottom: 8px;
        }
        
        .prep-card.success { background: #f0fdf4; border-color: #22c55e; }
        .prep-card.success h4 { color: #15803d; }
        
        .prep-card.warning { background: #fffbeb; border-color: #f59e0b; }
        .prep-card.warning h4 { color: #d97706; }
        
        .prep-card.purple { background: #faf5ff; border-color: #8b5cf6; }
        .prep-card.purple h4 { color: #7c3aed; }
        
        ul, ol {
            margin: 12px 0;
            padding-left: 24px;
        }
        
        li {
            margin: 8px 0;
        }
        
        .badge {
            display: inline-block;
            padding: 4px 12px;
            background: var(--primary);
            color: white;
            border-radius: 20px;
            font-size: 0.875rem;
            font-weight: 500;
            margin-right: 8px;
        }
        
        .badge.success { background: var(--success); }
        .badge.warning { background: var(--warning); }
        .badge.danger { background: var(--danger); }
        .badge.blue { background: var(--blue); }
        .badge.purple { background: var(--purple); }
        
        .code-block {
            background: #1f2937;
            color: #f9fafb;
            padding: 16px;
            border-radius: 8px;
            font-family: 'Courier New', monospace;
            margin: 12px 0;
            overflow-x: auto;
        }
        
        @media (max-width: 768px) {
            .container {
                padding: 10px;
            }
            
            .header h1 {
                font-size: 2rem;
            }
            
            .section {
                padding: 20px;
            }
            
            .track-grid,
            .requirements-grid,
            .prep-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <a href="index.html" class="back-btn">← 返回首页</a>
        
        <div class="header">
            <h1>"蓝桥杯"全国软件和信息技术专业人才大赛</h1>
            <p class="subtitle">参赛指南</p>
        </div>

        <div class="section">
            <h2>一、比赛简介</h2>
            <p>"蓝桥杯"全国软件和信息技术专业人才大赛（简称"蓝桥杯"大赛）由工业和信息化部人才交流中心主办，自2010年起每年举办一届，是国内软件和信息技术领域规模最大、参与度最广的学科竞赛之一。</p>
            
            <div class="highlight-box">
                <h4>🎯 大赛宗旨</h4>
                <p><strong>"立足行业，突出实践，广泛参与，促进就业"</strong></p>
                <p>聚焦软件编程、嵌入式开发、电子设计、视觉艺术设计等核心领域，旨在检验大学生的技术实践能力与创新思维，搭建高校人才培养与企业用人需求的对接桥梁。</p>
            </div>
            
            <h3>📊 赛事规模</h3>
            <ul>
                <li>至今已累计吸引全国超1500所高校、百万余名学生参赛</li>
                <li>覆盖全国31个省（自治区、直辖市）及香港、澳门地区</li>
                <li>众多优秀获奖选手通过大赛获得企业offer或升学优势</li>
            </ul>
            
            <h3>🏆 赛项设置</h3>
            <div class="track-grid">
                <div class="track-card">
                    <h4>软件赛（核心赛项）</h4>
                    <ul>
                        <li>C/C++组、Java组、Python组</li>
                        <li>本科A组、本科B组、本科C组、高职组</li>
                        <li>侧重编程基础与算法能力</li>
                    </ul>
                </div>
                <div class="track-card blue">
                    <h4>嵌入式设计与开发赛</h4>
                    <ul>
                        <li>本科组、高职组</li>
                        <li>理论部分（30%）+实操部分（70%）</li>
                        <li>基于STM32开发板完成任务</li>
                    </ul>
                </div>
                <div class="track-card purple">
                    <h4>电子设计与开发赛</h4>
                    <ul>
                        <li>本科组、高职组</li>
                        <li>侧重硬件电路设计与调试</li>
                        <li>电路原理图设计、PCB绘制、元器件焊接</li>
                    </ul>
                </div>
                <div class="track-card warning">
                    <h4>视觉艺术设计赛</h4>
                    <ul>
                        <li>UI/UX设计组、短视频创作组、三维模型设计组</li>
                        <li>本科组、高职组</li>
                        <li>结合计算机图形图像技术</li>
                    </ul>
                </div>
                <div class="track-card">
                    <h4>数字科技创新赛</h4>
                    <ul>
                        <li>团队赛（2-3人/队）</li>
                        <li>围绕人工智能、物联网、大数据等领域</li>
                        <li>完成创新项目设计与实现</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="section">
            <h2>二、时间安排</h2>
            <div class="timeline">
                <div class="timeline-item">
                    <div class="timeline-date">每年10月 — 12月</div>
                    <div class="timeline-title">报名阶段</div>
                    <ul>
                        <li><strong>报名启动与信息发布（10月中旬）：</strong>官网发布竞赛通知，明确赛项设置、报名条件</li>
                        <li><strong>个人报名与信息填写（10月下旬 — 12月中旬）：</strong>登录官网注册账号，选择参赛赛项</li>
                        <li><strong>报名审核与缴费（12月中旬 — 12月底）：</strong>高校初审，学生缴费完成报名</li>
                    </ul>
                </div>
                
                <div class="timeline-item">
                    <div class="timeline-date">次年4月</div>
                    <div class="timeline-title">省赛阶段</div>
                    <ul>
                        <li><strong>赛前准备（1月 — 3月）：</strong>官网发布考试大纲、历年真题、模拟题库</li>
                        <li><strong>省赛考试（4月第二个周末）：</strong>线下集中机考，考试时间3-4小时</li>
                        <li><strong>省赛结果公示与晋级通知（5月中旬）：</strong>按赛项、组别划定获奖分数线</li>
                    </ul>
                </div>
                
                <div class="timeline-item">
                    <div class="timeline-date">次年5月底 — 6月</div>
                    <div class="timeline-title">全国总决赛阶段</div>
                    <ul>
                        <li><strong>总决赛准备（5月中旬 — 5月底）：</strong>确认总决赛信息，针对性强化训练</li>
                        <li><strong>总决赛报到与考试（5月底 — 6月初）：</strong>指定城市举办，考试时间延长至4-5小时</li>
                        <li><strong>结果公示与颁奖典礼（6月中旬 — 7月）：</strong>评选全国特等奖、一等奖、二等奖、三等奖</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="section">
            <h2>三、参赛要求</h2>
            
            <h3>👥 参赛人员</h3>
            <div class="requirements-grid">
                <div class="requirement-card">
                    <h4>主体资格</h4>
                    <ul>
                        <li>全日制普通高等学校在籍学生</li>
                        <li>本科生、专科生、研究生（含硕士、博士）</li>
                        <li>不限专业（非计算机相关专业学生可参赛）</li>
                        <li>在职人员、已毕业学生不可参赛</li>
                    </ul>
                </div>
                <div class="requirement-card">
                    <h4>参赛形式</h4>
                    <ul>
                        <li>大部分赛项为"个人赛"（1人1机/1人1套设备）</li>
                        <li>不允许团队协作（如软件赛、嵌入式赛）</li>
                        <li>部分赛项支持2-3人团队参赛</li>
                        <li>团队成员需为同一高校学生</li>
                    </ul>
                </div>
                <div class="requirement-card">
                    <h4>指导教师</h4>
                    <ul>
                        <li>选手可自愿选择1名指导教师</li>
                        <li>指导教师需为高校在职教师</li>
                        <li>负责提供技术指导、赛前培训建议</li>
                        <li>不得参与考试过程</li>
                    </ul>
                </div>
            </div>
            
            <h3>📋 参赛赛项与核心要求</h3>
            <div class="track-grid">
                <div class="track-card">
                    <h4>软件赛（核心赛项）</h4>
                    <ul>
                        <li><strong>组别划分：</strong>按编程语言分为C/C++组、Java组、Python组</li>
                        <li><strong>考试内容：</strong>数据结构、算法设计、编程实战</li>
                        <li><strong>题型：</strong>填空（30%）+编程大题（70%）</li>
                        <li><strong>设备要求：</strong>组委会提供计算机，预装指定编程软件</li>
                    </ul>
                </div>
                <div class="track-card blue">
                    <h4>嵌入式设计与开发赛</h4>
                    <ul>
                        <li><strong>组别划分：</strong>本科组、高职组，主要使用C语言</li>
                        <li><strong>考试内容：</strong>理论部分（30%）+实操部分（70%）</li>
                        <li><strong>实操任务：</strong>GPIO控制、ADC采集、UART通信、LCD显示等</li>
                        <li><strong>设备要求：</strong>组委会提供STM32开发板、仿真器、传感器模块</li>
                    </ul>
                </div>
                <div class="track-card purple">
                    <h4>电子设计与开发赛</h4>
                    <ul>
                        <li><strong>组别划分：</strong>本科组、高职组，侧重硬件电路设计</li>
                        <li><strong>考试内容：</strong>模拟电子技术、数字电子技术、单片机应用</li>
                        <li><strong>实操任务：</strong>电路原理图设计、PCB绘制、元器件焊接与调试</li>
                        <li><strong>设备要求：</strong>组委会提供基础元器件，选手自带焊接工具、万用表</li>
                    </ul>
                </div>
                <div class="track-card warning">
                    <h4>视觉艺术设计赛</h4>
                    <ul>
                        <li><strong>组别划分：</strong>UI/UX设计组、短视频创作组、三维模型设计组</li>
                        <li><strong>考试内容：</strong>根据组别完成相应设计任务</li>
                        <li><strong>提交要求：</strong>设计稿、交互原型、演示视频等</li>
                        <li><strong>设备要求：</strong>选手需自带笔记本电脑，预装设计软件</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="section">
            <h2>四、备赛要点（分赛项指导）</h2>
            
            <h3>💻 软件赛（编程类）备赛策略</h3>
            <div class="prep-grid">
                <div class="prep-card">
                    <h4>基础巩固阶段（1月 — 2月）</h4>
                    <ul>
                        <li>针对所选编程语言梳理核心知识点</li>
                        <li>系统学习算法基础</li>
                        <li>每周至少完成10-15道编程题</li>
                        <li>掌握排序、查找、动态规划、贪心算法等</li>
                    </ul>
                </div>
                <div class="prep-card success">
                    <h4>真题训练阶段（3月）</h4>
                    <ul>
                        <li>刷近5年省赛、总决赛真题</li>
                        <li>按考试时间（3小时）模拟答题</li>
                        <li>熟悉题型分布与难度梯度</li>
                        <li>总结高频考点</li>
                    </ul>
                </div>
                <div class="prep-card warning">
                    <h4>冲刺模拟阶段（4月考前1周）</h4>
                    <ul>
                        <li>参加官网模拟考试</li>
                        <li>适应机考系统操作流程</li>
                        <li>针对性补弱</li>
                        <li>背诵常用代码模板</li>
                    </ul>
                </div>
            </div>
            
            <h3>⚙️ 嵌入式设计与开发赛备赛策略</h3>
            <div class="prep-grid">
                <div class="prep-card">
                    <h4>硬件基础学习（1月 — 2月）</h4>
                    <ul>
                        <li>掌握STM32核心知识</li>
                        <li>学习STM32F103系列单片机架构</li>
                        <li>熟悉外设原理（GPIO、ADC、UART等）</li>
                        <li>完成基础实验（LED闪烁、按键中断等）</li>
                    </ul>
                </div>
                <div class="prep-card success">
                    <h4>综合项目训练（3月）</h4>
                    <ul>
                        <li>模拟省赛任务</li>
                        <li>参考往届真题设计综合项目</li>
                        <li>练习模块化编程</li>
                        <li>提升调试能力</li>
                    </ul>
                </div>
                <div class="prep-card warning">
                    <h4>赛前准备（4月）</h4>
                    <ul>
                        <li>熟悉考试平台</li>
                        <li>确认省赛提供的开发板型号</li>
                        <li>准备工具与资料</li>
                        <li>整理常用代码模板</li>
                    </ul>
                </div>
            </div>
            
            <h3>🎨 视觉艺术设计赛备赛策略</h3>
            <div class="prep-grid">
                <div class="prep-card">
                    <h4>软件技能强化（1月 — 2月）</h4>
                    <ul>
                        <li><strong>UI/UX设计组：</strong>熟练使用Figma、Axure、Photoshop</li>
                        <li><strong>短视频创作组：</strong>掌握Premiere Pro、After Effects、剪映</li>
                        <li><strong>三维模型设计组：</strong>学习Blender或3D Max</li>
                    </ul>
                </div>
                <div class="prep-card success">
                    <h4>主题创作训练（3月）</h4>
                    <ul>
                        <li>分析往届真题</li>
                        <li>总结高频主题</li>
                        <li>针对性设计作品</li>
                        <li>注重作品的创新性与实用性</li>
                    </ul>
                </div>
                <div class="prep-card warning">
                    <h4>赛前冲刺（4月）</h4>
                    <ul>
                        <li>模拟考试流程</li>
                        <li>按省赛时间限制完成作品</li>
                        <li>优化作品细节</li>
                        <li>确保作品符合评分标准</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="section">
            <h2>五、注意事项</h2>
            
            <h3>📄 材料准备细节</h3>
            <ul>
                <li><strong>报名信息：</strong>确保个人信息与学籍信息一致，避免因信息错误影响报名</li>
                <li><strong>考试准备：</strong>提前熟悉考试环境，准备必要的工具和资料</li>
                <li><strong>时间管理：</strong>合理安排备赛时间，避免临时抱佛脚</li>
            </ul>
            
            <h3>⏰ 时间节点把控</h3>
            <ul>
                <li>关注官网通知，及时了解报名时间、考试安排</li>
                <li>提前完成报名和缴费，避免截止前提交</li>
                <li>合理安排备赛时间，分阶段完成学习任务</li>
            </ul>
            
            <h3>🔧 技术准备</h3>
            <ul>
                <li>熟练掌握所选赛项的技术要求</li>
                <li>提前熟悉考试环境和工具</li>
                <li>多做模拟题和真题练习</li>
                <li>注意代码规范和调试技巧</li>
            </ul>
            
            <h3>📱 信息获取渠道</h3>
            <ul>
                <li>关注"蓝桥杯"官方平台（官网：https://dasai.lanqiao.cn/）</li>
                <li>关注微信公众号"蓝桥杯大赛"</li>
                <li>加入学校"蓝桥杯"交流群</li>
                <li>联系往届参赛学长学姐获取指导</li>
            </ul>
        </div>
    </div>

    <footer style="text-align: center; padding: 20px; margin-top: 40px; border-top: 1px solid #e5e7eb; color: #6b7280;">
        <p>© <span id="year"></span> 软件学院科学与技术协会 版权所有</p>
    </footer>

    <script>
        document.getElementById('year').textContent = new Date().getFullYear();
    </script>
</body>
</html>
